<script setup>
import IconifyIcon from "@/components/IconifyIcon/index.vue";

// const iconStyle = { width: "100px", height: "100px", color: "#0d9488" };
</script>

<template>
  <h1>iconify 图标</h1>
  <span style="width: 50px; height: 50px; color: #f00">
    <i-ep-user />
  </span>

  <div style="width: 20px; height: 20px; background-color: red">
    <i-simple-line-icons-frame />
  </div>

  <div class="i-emojione-monotone-globe-showing-americas"></div>

  <button
    class="py-2 px-4 font-semibold rounded-lg shadow-md text-white bg-green-500 hover:bg-green-700 border-none cusor-pointer"
  >
    <i class="i-mdi-airplane-plus p-6"></i>Uno Available
  </button>

  <!-- <IconifyIcon name="ep:menu" color="#0d9488" :icon-style="iconStyle" /> -->
  <IconifyIcon name="ep:menu" color="#0d9488" />
</template>
